<?php
require_once "dbconnector.php";
$db = opendatabase();
$res = mysql_query("SELECT *, SUM(valor) as total FROM pedido
					INNER JOIN cliente ON cliente.id = pedido.cliente_id
					INNER JOIN lista_produtos ON lista_produtos.pedido_id = pedido.id
					INNER JOIN produto ON produto.id = lista_produtos.produto_id
					WHERE status = 0 ORDER BY hora_pedido");
?>

<script type="text/javascript">
$(document).ready(function(){
	$('a#detalhar').click(function(){
		$('#detalhe').show('fast');
		$('#detalhe .topbar .num').html($('a#detalhar').attr('cod'));
		$('#framedetalhe').attr('src', 'detalhar_pedido.php?pid='+$(this).attr('href'));
	})
	
	$('#fechar').click(function(){
		$('#detalhe').hide('fast');
	})
});
</script>
<style type="text/css">
	<!--
	.style1 {
	width: 735px;
	border: none;
	}
	.style2 {
	background-color: #62C502;
	font-weight: bold;
	text-align: center;
	}
	.data {
	width: 70px;
	text-align: center;
	}
	.hora {
	width: 40px;
	text-align: center;
	}
	.tel {
	width: 100px;
	text-align: center;
	}
	.val {
	width: 90px;
	text-align: center;
	}
	.opt {
	width: 20px;
	text-align: center;
	}
	.atd {
	width: 70px;
	text-align: center;
	}
	#detalhe {
	width: 550px;
	height: 350px;
	border: 1px solid #226600;
	background-color: #fff;
	z-index: 600;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -275px;
	margin-top: -175px;
	box-shadow: 5px 5px 10px #000;
	display: none;
	}
	#framedetalhe {
		width: 550px;
		height: 335px;
		border: 0;
		overflow: hidden;
	}
	.topbar {
	height: 25px;
	padding-left: 5px;
	background-color: #62C502;
	line-height: 25px;
	font-weight: bold;
	}
	.topbar img {
	margin-top: 4px;
	margin-right: 4px;
	float: right;
	}
	-->
</style>
<h2>Pedidos</h2>
<table class="style1">
	<tr>
		<td class="style2">Data</td>
		<td class="style2">Hora</td>
		<td class="style2">Nome do Cliente</td>
		<td class="style2">Telefone</td>
		<td class="style2">Valor</td>
		<td class="style2" width="20"><img src="../images/preview16.gif" alt="Alterar" /></td>
		<td class="style2" width="20"><img src="../images/stop16.gif" alt="Excluir" /></td>
		<td class="style2">Atendido</td>
	</tr>
	<?php
	while ($escrever = mysql_fetch_array($res)) {
		// Escreve cada linha da tabela
		// <td class='val'>R$ " . number_format($escrever["valor"]/100,2,',','.') . "</td>
		echo "
			<tr>
				<td class='data'>" . date('d/m/Y', strtotime($escrever["data_pedido"])) . "</td>
				<td class='hora'>" . substr($escrever["hora_pedido"], 0, 5) . "</td>
				<td>" . strtoupper($escrever["nome"]) . "</td>
				<td class='tel'>(" . substr($escrever["telefone"], 0, 2) . ") " . substr($escrever["telefone"], 2, 4) . "-" . substr($escrever["telefone"], 5, 4) . "</td>
				<td class='val'>R$ " . number_format(($escrever["total"] + 450) / 100, 2, ',', '.') . "</td>
				<td class='opt'>
					<a id='detalhar' href='" . base64_encode($escrever["id"]) . "' onclick='return false;' cod='" . $escrever["id"] . "'><img src='../images/preview16.gif' alt='Detalhar' /></a>
				</td>
				<td class='opt'>
					<img src='../images/stop16.gif' alt='Excluir' />
				</td>
				<td class='atd'>
					<a href='#'>Atendido</a>
				</td>
			</tr>
		";
	}
	?>
</table>
<div id="detalhe">
	<div class='topbar'>Detalhe do Pedido N&ordm; <span class='num'></span><a id='fechar' href='#'>
		<img src='../images/stop16.gif' alt='Fechar' /></a>
	</div>
	<iframe id="framedetalhe" src="html_intro.asp">
		<p>Seu navegador não suporta iframes.</p>
	</iframe>	
</div>